<template>
  <a-breadcrumb
    class="app-breadcrumb"
    separator=">"
  >
    <a-breadcrumb-item
      v-for="(item,index) in menus"
      :key="item.path"
    >
      <span v-if="index=== (menus.length-1)">{{ item.meta.title }}</span>
      <router-link
        v-else
        :to="item.path"
      >
        {{ item.meta.title }}
      </router-link>
    </a-breadcrumb-item>
  </a-breadcrumb>
</template>

<script>
export default {
  props: {
    // menus
    menus: {
      type: Array,
      default: () => []
    }
  }
};
</script>

<style lang="scss" scoped>
.app-breadcrumb {
  max-width: 1200px;
  margin: 0 auto;
}

</style>
